const TransformPages = require('uni-read-pages')
const { webpack } = new TransformPages()

module.exports = {
  // devServer: {
  //   proxy: {
  //     '/api': {
  //       changeOrigin: true,
  //       target: 'https://baidu.com',
  //       pathRewrite: {
  //         '^/api': '',
  //       },
  //     },
  //   },
  // },
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        ROUTES: webpack.DefinePlugin.runtimeValue(() => {
          const tfPages = new TransformPages({
            includes: ['path', 'name', 'aliasPath'],
          })
          return JSON.stringify(tfPages.routes)
        }, true),
      }),
    ],
  },
  // css: {
  //   loaderOptions: {
  //     scss: {
  //       prependData: `@import "~@/common/variables.scss";`,
  //     },
  //   },
  // },
  // css: {
  //   loaderOptions: {
  //     // 给 sass-loader 传递选项
  //     sass: {
  //       // @/ 是 src/ 的别名
  //       // 所以这里假设你有 `src/variables.sass` 这个文件
  //       // 注意：在 sass-loader v7 中，这个选项名是 "data"
  //       // prependData: `@import "~@/variables.sass"`
  //     },
  //     // 默认情况下 `sass` 选项会同时对 `sass` 和 `scss` 语法同时生效
  //     // 因为 `scss` 语法在内部也是由 sass-loader 处理的
  //     // 但是在配置 `data` 选项的时候
  //     // `scss` 语法会要求语句结尾必须有分号，`sass` 则要求必须没有分号
  //     // 在这种情况下，我们可以使用 `scss` 选项，对 `scss` 语法进行单独配置
  //     // https://cli.vuejs.org/zh/guide/css.html#css-modules
  //     scss: {
  //       // prependData: `@import "~@/variables.scss";`
  //       additionalData: `@import "~@/common/variables.scss";`,
  //     },
  //     // 给 less-loader 传递 Less.js 相关选项
  //     less: {
  //       // http://lesscss.org/usage/#less-options-strict-units `Global Variables`
  //       // `primary` is global variables fields name
  //       globalVars: {
  //         primary: '#fff',
  //       },
  //     },
  //   },
  // },
}
